<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>应用程序标签</title>
    <style>
        .my-progress{
            -webkit-appearance: none;
        }
    </style>
</head>
<body>
<!--数据列表，呈现需要载体-->
<input type="text" list="data-list">
<datalist id="data-list">
    <option value="张三"></option>
    <option value="李四"></option>
</datalist>
<!--进度条-->
<progress></progress>
<!--progress默认最大值是1，可以设定自己想要的值-->
<progress class="my-progress" value="30" max="100"></progress>
<meter min="0" max="100" low="40" high="90" optimum="100" value="91">A+</meter>
</body>
</html>